
#page_container {
	width: 100vw;
	padding-bottom: 7vh;;
	background-color: var(--page-bg);
}
.navTitle{
	padding: 30px;
	width: 95%;
	text-align: center;
	font-size: 26px;
	background-color: #fff;
	z-index: 99;
	.navItem{
		display: inline-block;
		width: 25%;
		color: #807c7c,
	}
	.active{
		color: var(--theme-color);
		font-weight: 700;
		font-size: 28px;
	}
	.not-active {
		color: #96989A;
		font-weight: 700;
		font-size: 28px;
	}
}
.data_warn{
	background-color: #FEEFE9;
	width: 90%;
	padding: 10px 20px;
	border-radius: 8px;
	margin-left: 19px;
	z-index: 99;
	margin-top: 16px;
}

.data_body{
	margin: 0px 20px 20px 20px;
}
.gray_btn{
		color: #26282a;
		border-color: #ccc6c6;
	}
.card-actions{
	width: 39%;
	position: absolute;
	top: 66px;
	right: 13px;
	button{
		width: 58px;
		display: inline-block;
		font-size: 13px;
		margin: 2px;
		height: 28px;
		background-color: #fff;
		line-height: 28px;
		color: red;
		border: 0.1em solid red;
		border-radius: 19px;
	}
	.gray_btn{
		color: #26282a;
		border-color: #ccc6c6;
	}
	.purch_img{
		width: 80px;
		display: inline-block;
		height: 62px;
		position: absolute;
		top: -23px;
		right: -12px;
	}
}
.footer{
	position: fixed;
	bottom: 0;
	background-color: #ffffff;
	padding: 10px;
	width: 100%;
	z-index: 999;
}
.plac_btn{
	border-radius: 32px;
	display: inline-block;
	width: 40%;
	height: 80px;
	line-height: 75px;
	font-size: 30px;
	margin:0 20px;
	color: #ffffff;
	background-color: #FF0D49;
	white-space: pre-line;
}
.left_btn{
	color:black;
	background-color: #FFFFFF;
	border: 1px solid #E6E8EA;
}